<template>
  <q-page padding class="card-examples row items-start">
    <div class="q-video">
      <iframe width="853" height="480" :src="url" frameborder="0" allowfullscreen></iframe>
    </div>
  </q-page>
</template>

<script>
import $ from "jquery";
export default {
  name: "Play",
  data: () => ({
    url: ''
  }),
  watch: {
  },
  methods: {
    init() {
      let url = decodeURIComponent(this.$route.query.url)
      this.url = this.$config.playUrlPrefix + url
    }
  },
  created() {
    this.init()
  }
};
</script>

<style>
.q-video {
  margin: 0 auto;
}
</style>